import styled from 'styled-components'

import { themeColor } from '../../../assets/theme/themeColor'

const BannerContainer = styled.div`
    width:100%;
    height:2.9rem;
    .swiper-wrapper{
        width:100%;        
        .swiper-slide{
            width:100%;
            img{
                width:100%;
                height:2.9rem
            }
        }
    }
    .my-bullet-active{
        background:${themeColor};
        opacity:.8
    }
`

export default BannerContainer